<template>
	<div class="diglog-info streerDetail projectDialog">
		<el-dialog title="查看" :visible.sync="dialogVisible" size='small'>
			<el-tabs>
				<div class="content-container">
				
				<el-tab-pane label="审批服务台账">
					<template>
						<el-radio v-model="dataAll.stage" :label=1 :disabled="textareaDisabledBol">开工前</el-radio>
						<el-radio v-model="dataAll.stage" :label=2 :disabled="textareaDisabledBol">建设中</el-radio>
						<el-radio v-model="dataAll.stage" :label=3 :disabled="textareaDisabledBol">竣工后</el-radio>
					</template>
					<el-form :model="dataBefore" ref="dataBefore" label-width="0" class="demo-ruleForm">
						<div v-if="dataAll.stage==1?true:false" class="zui-noFloat">
							<el-row :gutter="80">
								<el-col :span="12">
									<el-form-item prop="qyzcdj">
										<div class="content">
											<my-tooltip text="企业注册登记"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.qyzcdj" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="确定勘察单位"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.qdkcdw" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="立项"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.lx" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="确定施工单位"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.qdsgdw" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="yinvestment">
										<div class="content">
											<my-tooltip text="土地利用规划说明"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.tdlyghsm" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="确定监理单位"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.qdjldw" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="investment">
										<div class="content">
											<my-tooltip text="建设项目规划选址红线图"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.jsxmghxzhxt" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制能评报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.bznpbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="规划选址意见"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.ghxzyj" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="开展文堪"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.kzwk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>

								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="规划方案审查"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.ghfasc" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="开展地勘"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.kzdk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="按程序报规委会"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.acxbwyh" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制环评报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.bzhpbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="施工图文件审查备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.sgtwjscba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制安评报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.bzapbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设项目人防工程设计审查"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.jsxmrfgcsjsc" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制职业病危害预评价报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.bzzybwhypjbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="质监备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.zjba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="规划方案设计"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.ghfasj" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="安监备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.ajba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="施工图设计"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.sgtsj" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="缴纳报建费"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.jnbjf" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="消防设计"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.xfsj" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="民工工资保证金"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.mggzbzh" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="施工图审查"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.sgtsc" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="消防设计审核"></my-tooltip>
											<el-select class="desc-input" v-model="dataBefore.xfsjsh" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
							</el-row>
						</div>
					</el-form>
					<el-form :model="dataIn" ref="dataIn" label-width="0" class="demo-ruleForm">
						<div v-if="dataAll.stage==2?true:false" class="zui-noFloat">
							<el-row :gutter="80">
								<el-col :span="12">
									<el-form-item prop="name">
										<div class="content">
											<my-tooltip text="建设用地规划许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.jsydghxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="白蚁防治"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.byfz" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="节能审查"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.jnsc" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制水资源论证报告或专项降水方案"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.bzszylzbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="yinvestment">
										<div class="content">
											<my-tooltip text="开发建设项目水土保持方案审批"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.kfjsxmstbcfasp" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="编制水土保持方案"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.bzstbcfa" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="investment">
										<div class="content">
											<my-tooltip text="污水排入排水管网许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.wsprpsgwxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="取水许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.qsxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="不动产权证"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.bdcqz" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设工程规划许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.jsgcghxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设工程施工许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.jsgcsgxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="文物勘探"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.wwkt" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="城市建筑垃圾处置（排放）许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.csjzljczxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="占用、挖掘城市道路许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.zywjcsdlxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="城市移植砍伐树木、临时占用城市园林绿地审批"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.csyzkfsmsp" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设项目绿地率指标审批"></my-tooltip>
											<el-select class="desc-input" v-model="dataIn.jsxmlvlzbsp" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
							</el-row>
						</div>
					</el-form>
					<el-form :model="dataAfter" ref="dataAfter" label-width="0" class="demo-ruleForm">
						<div v-if="dataAll.stage==3?true:false" class="zui-noFloat">
							<el-row :gutter="80">
								<el-col :span="12">
									<el-form-item prop="name">
										<div class="content">
											<my-tooltip text="结算备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jsba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="水土保持设施验收鉴定书"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.stbcssysjds" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="环保验收"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.hbys" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="水土保持设施验收报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.stbcssysbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="yinvestment">
										<div class="content">
											<my-tooltip text="排污许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.pwxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="水土保持监测总结报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.stbcjczjbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item prop="investment">
										<div class="content">
											<my-tooltip text="排水许可"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.psxk" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="环境保护验收监测报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.hjbhysjcbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="水土保持设施验收备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.stbcssysfa" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="职业病防护设施验收方案"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.zybfhssysfa" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设项目职业病预防设施验收方案备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jsxmzybyfssysfaba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="电梯、扶梯工程检测报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.dtftgcjcbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="城建档案进馆审核"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.cjdajgsp" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="室内空气检测报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.snkqjcbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建设工程规划核实意见书"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jsgcghhsyjs" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="防雷装置竣工检测报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.flzzjgjcbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="消防验收"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.xfys" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建筑工程规划测绘成果报告及测绘图"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jzgcghchcgbgjcht" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>

								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建筑工程竣工验收备案"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jzgcjgysba" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="房屋建筑面积测绘成果报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.fwjzmjchcgbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="五方责任主体验收、质监站参与监督"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.wfzrztyszjzyjc" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12"></el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="建筑消防设施检测报告"></my-tooltip>
											<el-select class="desc-input" v-model="dataAfter.jzxfssjcbg" :disabled="textareaDisabledBol" >
												<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</div>
									</el-form-item>
								</el-col>
							</el-row>
						</div>
					</el-form>
				</el-tab-pane>
				<el-tab-pane label="项目信息">
					<el-form :model="dataAll" ref="dataAll" label-width="0" class="demo-ruleForm">
						<div v-if="dataAll" class="zui-noFloat">
							<el-row :gutter="80">
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="项目名称"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.name" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="项目类型"></my-tooltip>
											<div class="desc-input">
												<el-select v-model="dataAll.property"  :disabled="textareaDisabledBol">
													<el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>

											</div>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="24">
									<el-form-item>
										<div class="content" style="height: 72px;">
											<my-tooltip text="建设内容及规模"></my-tooltip>
											<el-input class="textareaClass" type="textarea" v-model="dataAll.content" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="24">
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="计划开工时间"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.termStart" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="计划竣工时间"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.termEnd" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="年度计划投资"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.yinvestment" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="年度工程形象"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.projectProgress" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="总投资"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.investment" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="项目业主"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.owner" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>

								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="是否重大项目"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.isImportant" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="牵头单位"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.leadUnit" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="分管区领导"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.mangerLeader" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>

								<el-col :span="12">
								</el-col>

								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="施工单位名称"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.buildUnit" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item>
										<div class="content">
											<my-tooltip text="施工单位联系电话"></my-tooltip>
											<el-input class="textareaClass" v-model="dataAll.buildPhone" :disabled="textareaDisabledBol"></el-input>
										</div>
									</el-form-item>
								</el-col>
							</el-row>
						</div>
					</el-form>
				</el-tab-pane>
				</div>
			</el-tabs>
		</el-dialog>
	</div>
</template>
<script>
	export default {
		props: ['showDialogId'],
		created() {
			this.ajax({
				url: 'tProject/selectProjectBasicInfoById',
				data: {
					id: this.showDialogId
				}
			}).then(data => {
				if(data.isImportant==0 || data.isImportant=='0'){
					data.isImportant='市重点';
				}else if(data.isImportant==1 || data.isImportant=='1'){
					data.isImportant='省重点';
				}else if(data.isImportant==2 || data.isImportant=='2'){
					data.isImportant='一般项目';
				}
				this.dataAll = data
				if(this.dataAll.stage) {
					switch(this.dataAll.stage) {
						case 1:
							this.ajax({
								url: 'tProjectApproveBefore/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataBefore = data[0];
								}
							})
							break;
						case 2:
							this.ajax({
								url: 'tProjectApproveIn/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataIn = data[0];
								}
							})
							break;
						case 3:
							this.ajax({
								url: 'tProjectApproveAfter/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataAfter = data[0];
								}
							})
							break;
					}
				}
			})
			this.ajax({
				url: 'tDictionary/selectDictionaryByCode',
				data: {
					code: 'P2'
				}
			}).then(data => {
				this.statusList = data;
			})

			this.ajax({
				url: 'tDictionary/selectDictionaryByCode',
				data: {
					code: 'P3'
				}
			}).then(data => {
				this.typeList = data;
			})
		},
		mounted() {

		},
		watch: {
			dialogVisible(val) {
				this.$emit('update:showDialog', val)
			}
		},
		data() {
			return {
				dialogVisible: true, //弹出框隐藏显示
				options: [],
				value: '',
				statusList: [],
				typeList: [],
				dataAll: {},
				dataBefore: {},
				dataIn: {},
				dataAfter: {},
			}
		},
		methods: {
			show(row) {
				this.dialogVisible = !this.dialogVisible
			},
		},
		components: {

		}
	}
</script>
<style lang="less">
	.streerDetail .el-form-item__error {
		top: 35px;
		left: 100px;
	}
	
	.streerDetail .el-form-item {
		min-height: 50px;
		margin-bottom: 5px;
	}
</style>
<style scoped lang="less">
	.zui-noFloat .el-col {
		float: none;
		display: inline-block;
		margin-right: -4px;
		vertical-align: top;
	}
	
	.projectDialog .desc-input {
		width: 70%;
		float: left;
	}
	.content-container{
		height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
	}
</style>